<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<h3>单选</h3>
<input type="radio" id="male" value="male" name="gender">
<label for="male">男</label>
<input type="radio" id="female" value="female" name="gender">
<label for="female">女</label> <br/>
<h3>复选</h3>
<input type="checkbox" id="coding" value="coding" name="interest">
<label for="coding">兴趣</label>
<input type="checkbox" id="other" value="other" name="interest">
<label for="other">其他</label><br>
<li>
    <label class="control-label">水果分类</label>
</li>
<li class="checkbox" style="border-right: 1px solid #ededed;">
    <label><input type="checkbox" name="fruit" value="1" />苹果</label>
    <label><input type="checkbox" name="fruit" value="2" />香蕉</label>
    <label><input type="checkbox" name="fruit" value="4" />葡萄</label>
    <label><input type="checkbox" name="fruit" value="3" />榴莲</label><br/>
    <label><input type="checkbox" name="fruit" value="9" />其他</label>
</li>

</body>
</html>